@charset "gb2312";
/* CSS Document */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
canvas{ display:inline-block;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix {*zoom: 1;*clear: both;}
.clearfix:before, .clearfix:after {display: table;clear: both;content: '';}
.clear { clear: both; height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto;}

/**/
.cases1{ padding:0 0 40px 0; background:#f4f4f4 url(casesbg.jpg) top center no-repeat; overflow:hidden;}
.cases1 .cases_t{}
.cases1 .cases_t .span0{ display:block; text-align:center; height:50px; line-height:50px; color:#fff; }
.cases1 .caseList{ overflow:hidden; padding-top:20px;}
.cases1 .caseList ul{ width:1208px;}
.cases1 .caseList li{ float:left; width:292px; margin-right:10px;}
.cases1 .caseList li a.imga{display: block;width:290px; position:relative;overflow:hidden; border:1px solid #ddd; background-color:#fff;}
.cases1 .caseList li a.imga .spanImg{ display:block; width:280px; height:200px; margin:5px;background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.cases1 .caseList li a.imga .spanImg .aB{width:100%;height:100%; position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.cases1 .caseList li a.imga .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:40px; background:url(logo_product.png) center center no-repeat; margin-top:60px;}
.cases1 .caseList li a.imga .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; }
.cases1 .caseList li a.imga .spanImg .ab_Left{ position:absolute; z-index: 1;left:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cases1 .caseList li a.imga .spanImg .ab_Right{ position:absolute; z-index: 1;right:0; width:0; height:100%; top:0; background: rgba(0,0,0,0.5); -moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cases1 .caseList li a.imga:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.cases1 .caseList li a.imga:hover .spanImg .ab_Left{ width:50%;}
.cases1 .caseList li a.imga:hover .spanImg .ab_Right{ width:50%;}
.cases1 .caseList li .spanT{ display:block; text-align:center; height:40px; line-height:38px; color:#333;}
.cases1 .caseList li a img{ width:100%; height:177px;}
.cases1 .caseList li .titleBox{ display:block; width:90%; line-height:40px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; margin:auto;}
.cases1 .caseList li .titleBox a.title{ color:#666; }
.cases1 .caseList li .titleBox a:hover{ color:#5fa022;}
.cases1 .caseList li:hover a.title{ color:#5fa022;}
.cases1 .caseList .box{ width:9999px;}
.cases1 .caseList .box ul{ float:left;}